﻿<!DOCTYPE HTML>
<html>
    <head>
        <meta charset=utf-8 />
        <style type="text/css">
            html{
                height: 100%;
            }
            body{
                margin:0px;
                padding:0px;
                height: 100%;
		background: #e9eff5;
            }

            .container {
                overflow: auto;
                margin:0 auto;
                min-height: 100%;
                font-size:0px;
                text-align:center;
            }

            .container_col1 {

                background-repeat: repeat-y;
                min-height: 100%;
                margin:0;
            }

            .container_col2 {
                width: 100%;
                min-height: 100%;
                min-height: 300px;
                min-width: 540px;
                margin:0;
                border-top:1px solid white;
                display:inline-block;


            }

            .logo{
                width: 100%;
                height: 300px;
                background-image: url(logo_fon6.jpg);
                background-size: 100% 100%;
                background-position:100% 0%;
                position:relative;
		background-repeat: no-repeat
            }

            .name_fond{
                width: 100%;
                height: 90px;
                background-image: url(white_opacity65.png);
                position: absolute;
                top:10px;
                }
            .vstavka{
                width: 300px;
                background-image: url(white_opacity70.png);
                position: absolute;
                bottom:20px;
                left: 20px;
                margin: 0px;
                padding:10px;
                font-size: 15pt;
                text-align: left;
                border-radius:10px;
            }


            .subtitle{font-size: 18pt; text-align: center;}
            .header { width: 100%; display:inline-block; font-size:0px;text-align: left;}

            .header_column{
                display:inline-block;
                vertical-align: top;
                width:25%;
            }

            .header_button_height{
                height: 35px;
            }
            .header_button_link_height{
                height: 19px;
            }
            .header_button_height_x2{
                height: 70px;
            }
            .header_button_link_height_x2{
                height: 40px;
            }
            .header_button, .header_button2, .header_button3, .header_button4, .header_button5 {
                float:left;
                font-size: 10pt;
                margin:0;
                padding:0px;
                border:none;
                font-weight: bold;
                font-family: verdana, sans-serif;
                display:inline-block;
            }
            .header_button{
                width: 30%;
            }
            .header_button2{
                width: 70%;
            }
            .header_button3{
                width: 100%;
            }
            .header_button4{
                width: 40%;
            }
            .header_button5{
                width: 60%;
            }



            .header_button_link{
                text-decoration: none;
                text-align:center;
                display:block;
                border:1px solid #e9eff5;
                padding:8px;
            }

	    .header_button_link_x2{
                text-decoration: none;
                text-align:center;
                display:block;
                border:1px solid #e9eff5;
                padding:15px;
            }

            .header_search_form{
                display:block;
                border:1px solid #e9eff5;
                padding:7px;
                margin:0px;
            }
            .header_search_form input[type="text"]{
                width:66%;
                height:18px;
                border:1px solid black;
                float:left;
            }
            .header_search_form input[type="submit"]{
                width:28%;
                height:22px;
                border:1px solid black;
                float:left;
                margin-left:1%;
            }


            .button1 .header_button_link,  .button12 .header_button_link, 
            .button3 .header_button_link, 
            .button5 .header_button_link,.button8 .header_button_link,
            .button9 .header_button_link, .button10 .header_button_link,
            .button6 .header_button_link_x2, .button7 .header_button_link,
	    .button10 .header_button_link,
	    .button4 .header_button_link_x2, .button2 .header_button_link
		 {color: #003366;}

	    .button5 .header_button_link{padding-top: 6px; }
	    .button4 .header_button_link, .button6 .header_button_link {padding-top: 9px;}


	    .button4 {font-size: 12pt;}

            .button1, .button2, .button3, .button4, .button5,
            .button6, .button7, .button8, .button9, .button10, .button12 {

                /* Note: This gradient may render differently in browsers that don't support the unprefixed gradient syntax */

                /* Note: This gradient may render differently in browsers that don't support the unprefixed gradient syntax */

                /* IE10 Consumer Preview */
                background-image: -ms-linear-gradient(top left, #dde4eb 0%, #dde4eb 49.9%, #C6D4E14 50%, #C6D4E1 100%);

                /* Mozilla Firefox */
                background-image: -moz-linear-gradient(top left, #dde4eb 0%, #dde4eb 49.9%, #C6D4E14 50%, #C6D4E1 100%);

                /* Opera */
                background-image: -o-linear-gradient(top left, #dde4eb 0%, #dde4eb 49.9%, #C6D4E14 50%, #C6D4E1 100%);

                /* Webkit (Safari/Chrome 10) */
                background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0, #dde4eb), color-stop(0.499, #dde4eb), color-stop(0.5, #C6D4E1), color-stop(1, #C6D4E1));

                /* Webkit (Chrome 11+) */
                background-image: -webkit-linear-gradient(top left, #dde4eb 0%, #dde4eb 49.9%, #C6D4E1 50%, #C6D4E1 100%);

                /* W3C Markup, IE10 Release Preview */
                background-image: linear-gradient(to bottom right, #dde4eb 0%, #dde4eb 49.9%, #C6D4E1 50%, #C6D4E1 100%);
            }
            .button11 {background: #d5d1d1;}






            .main {
                width: 100%; display:inline-block; font-size:0px;
            }

            .colonka1{
                display: inline-block;
                width:50%;
                vertical-align: top;
		padding: 2%;
            }
            .colonka2{
                display: inline-block;
                width:40%;
                vertical-align: top;
		padding: 2%;
            }
            .colonka2_1, .colonka2_2{
                display: inline-block;
                width:45%;
                vertical-align: top;
		padding: 1%;
            }
{
                display: inline-block;
                width:45%;
                vertical-align: top;
		padding: 2%;
            }



            .news {
                margin-top:0;
                padding:0;
            }
            .news_item{
                font-size: 12pt;
                text-align: justify;
                margin-bottom: 12pt;
	    }

            .news_link{
                font-size: 10pt;
                font-family: Verdana;
                text-align: right;
                color: grey;
            }

            .news_text{
                font-size: 10pt;
                font-family: Verdana;
                display: block;
                color: black;
                text-align: left;
                line-height: 1.5em;
            }

            .colonka1_contents{
                width: 95%;
                font-size: 11pt;
                font-family: Verdana, sans-serif;
                margin:0;
                padding:0;
                text-align: justify;
                line-height: 150%;
                margin-bottom: 3em;
            }

            .colonka1_post_podpis {
                text-align: left;
                display: inline-block;
                width:100%;
                font-weight: bold;
                margin-bottom: 1.5em;
                color: #333366;
            }

            .colonka1_post_podpis img{
                width:100%;
            }


            .colonka1_post_header{
                font-size: 170%;
                font-weight: normal;
                line-height: 130%;
                text-align: left;
                margin-bottom:0.25em;
                color: #44749D;
            }

	    .colonka1_post_link{
		font-size: 100%;
		text-align: center;
		background-color: #5095ac;	
		weight: 100%;
		}


	    .colonka1_post_link a{color: white;}

            .news_post_header{
                font-size: 120%;
                font-weight: normal;
                line-height: 100%;
                text-align: left;
                margin-bottom:0.15em;
                color: #44749D;}

            .footer { background: #5095ac;	width: 100%; height: 150px; font-size: 12pt;}




        </style>
    </head>
    <body>
        <div class="container">

            <div class="container_col2">
                  <div class="logo">
                         <div class="name_fond"><img src="name_fond3.png" width="23%" vspace="3px" hspace="220px"></div>
                         <div class="vstavka"> Присоединяйтесь к волонтерам фонда. Именно Ваша помощь может оказаться неоценимой!</div>
                  </div>

                <div class="subtitle"></div>
                <span class="header">


                    <span class="header_column">
                        <span class="header_button  header_button_height button1"><a href="#" class="header_button_link header_button_link_height">Главная</a></span>
                        <span class="header_button2 header_button_height button7"><a href="#" class="header_button_link header_button_link_height">Наша работа</a></span>
                        <span class="header_button2 header_button_height button9"><a href="#" class="header_button_link header_button_link_height">Новости друзей и партнёров</a></span>
                        <span class="header_button  header_button_height button5"><a href="#" class="header_button_link header_button_link_height">О нас</a></span>

                    </span>



		    <span class="header_column">

                        <span class="header_button4 header_button_height_x2 button4"><a href="#" class="header_button_link_x2 header_button_link_height_x2">Помочь<br>детям</a></span>
                        <span class="header_button5 header_button_height button2"><a href="#" class="header_button_link header_button_link_height">Волонтерам</a></span>
			<span class="header_button5  header_button_height button12"><a href="#" class="header_button_link header_button_link_height">Объявления и реклама</a></span>


                    </span>


                    <span class="header_column">
                        <span class="header_button4 header_button_height_x2 button6"><a href="#" class="header_button_link_x2 header_button_link_height_x2">Попросить о&nbsp;помощи</a></span>
                        <span class="header_button header_button_height button3"><a href="#" class="header_button_link header_button_link_height">Статьи</a></span>

                        <span class="header_button header_button_height button10"><a href="#" class="header_button_link header_button_link_height">Контакты</a></span>
                        <span class="header_button5 header_button_height button8"><a href="#" class="header_button_link header_button_link_height">Новости</a></span>
                    </span>



                    <span class="header_column">
                        <span class="header_button3 header_button_height button11"><form class="header_search_form header_button_link_height"><input type="text" class=""><input type="submit" value="Найти"></form></span>
                        <span class="header_button  header_button_height button1"><a href="#" class="header_button_link header_button_link_height">Форум</a></span>			
                        <span class="header_button2 header_button_height button5"><a href="#" class="header_button_link header_button_link_height">Детское творчество</a></span>

                    </span>
                </span>

                <span class="main">
                 <span class="colonka1">

                      <div class="colonka1_contents">


                          <h1 class="colonka1_post_header">Недавно прошел конкурс "Все мои друзья"</h1>
                          <span class="colonka1_post_contents">
                              <p>Недавно прошел конкурс "Все мои друзья" и текст текст текст текст. Текст текст текст текст текст текст текст текст текст текст текст текст</p>
                              <span class="colonka1_post_podpis"><img src="creation.jpg"> <br>Рисунок Васи Пупкина, 12 лет.</span>
                              <span class="colonka1_post_podpis"><img src="boy.jpg"><br>Вася Пупкин, 12 лет.</span>
                              <div class="colonka1_post_link"><a  href="#">См. больше детского творчества.</a></div>
                          </span>



                          <h1 class="colonka1_post_header">Помочь больному ребёнку из ***.</h1>
                          <span class="colonka1_post_contents">
                                  Обращаюсь к неравнодушным форумчанам с просьбой помочь больному ребёнку из ***. Вкратце история такова:
                                  восьмилетняя *** *** из *** второй год борется с тяжёлым онкологическим заболеванием, прошла 2 курса
                                  химиотерапии, перенесла тяжелейший сепсис и готовится к пересадке костного мозга в *** На данный момент девочка
                                  находится с матерью на лечении в *** специализированном *** научно-практическом центре детской
                                  гематологии и онкологии» Министерства здравоохранения *** ***. *** ГЕРОИЧЕСКИ борется с болезнью,
                                  перенесла несколько реанимаций и внушает оптимизм своим жизнелюбием.
                                  Несмотря на постоянное пополнение счетов благотоворительными взносами на сегодня семья нуждается в помощи порядка
                                   ***.Из них *** - долг за заложенную квартиру (это сумма ушла как частичная оплата за лечение в ***), порядка
                                  *** (*** долг текущий + *** прогнозируемый) оплата за проводимое сейчас лечение в *** и *** -
                                  приблизительные затраты на пребывание в ***. Семья рассчитывает на помощь государства, но день, в который папа
                                  подал документы для принятия решения, не внушает оптимизма из-за негативных аспектов Луны. Ниже даю все ссылки на
                                  диагноз, счета за лечение, ссылки на форум, на котором можно проследить всю историю болезни и борьбы ребёнка за жизнь,
                                  и где мама *** ежедневно информирует общественность о состоянии дочери.
                                  <div class="colonka1_post_link"><a  href="#">См. подробную информацию.</a></div>
                          </span>


                          <h1 class="colonka1_post_header">Выражаем благодарность.</h1>
                          <span class="colonka1_post_contents">
                              Манерничанье одновременно. Культовый образ имеет классицизм, так Г.Корф формулирует собственную антитезу. Очевидно, что выразительное монотонно продолжает "кодекс

деяний", однако само по себе состояние игры всегда амбивалентно. Художественная жизнь образует ритм, таким образом, все перечисленные признаки архетипа и мифа подтверждают, что действие механизмов

мифотворчества сродни механизмам художественно-продуктивного мышления. Гений интуитивно понятен.
                              <div class="colonka1_post_link"><a  href="#" class="link">Наши помошники.</a></div>
                          </span>


                    </div>
                 </span><!--
              --><span class="colonka2">


			<span class="colonka2_1">
			<div class="news">
				<div class="news_item"><img src="news.png" width="100%">
                                  <h2 class="news_post_header">Вася Пупкин наконец-то нашел маму и папу. Свету и Петю.</h2>
                                  <span class="news_text">Российское агентство международной информации «РИА Новости» —
                                  одно из крупнейших информационных агентств в мире. Полное наименование — Федеральное государственное
                                  унитарное предприятие «Российское агентство международной информации РИА Новости»</span>
                            <a  href="#" class="news_link">Дальше.</a>
		                 </div>
                            <div class="news_item"><img src="news.png" width="100%">
                                  <h2 class="news_post_header">Вася Пупкин наконец-то нашел маму и папу. Свету и Петю.</h2>
                                  <span class="news_text">Российское агентство международной информации «РИА Новости» —
                                  одно из крупнейших информационных агентств в мире. Полное наименование — Федеральное государственное
                                  унитарное предприятие «Российское агентство международной информации РИА Новости»</span>
                            <a  href="#" class="news_link">Дальше.</a>
                            </div>
                            <div class="news_item">
                                  <img src="news.png" width="100%">
                                   <h2 class="news_post_header">Катенька Светочкина стала волонтером нашего проекта.</h2>
                                  <span class="news_text">РКукуруза вызывает уличный антарктический пояс, причем мужская фигурка устанавливается справа от женской. Бенгальский залив 							традиционен. Материковая часть притягивает Бенгальский залив, хотя, например, шариковая ручка, продающаяся в Тауэре с изображением стражников 							Тауэра и памятной надписью, стоит 36 $ США. Тюлень представляет собой закрытый аквапарк, при этом имейте в виду, что чаевые следует 							оговаривать заранее, так как в разных заведениях они могут сильно различаться. Русло временного водотока превышает
							распространенный двухпалатный парламент, хорошо, что в российском посольстве есть медпункт.</span>
                            <a  href="#" class="news_link">Дальше.</a>
                            </div>

			</div>
			</span>

			<span class="colonka2_2">
				  <div class="news">

                            <div class="news_item">
                                  <img src="news.png" width="100%">
                                   <h2 class="news_post_header">Все дети любят морковь.</h2>
                                  <span class="news_text">Российское агентство международной информации «РИА Новости» —
                                  одно из крупнейших информационных агентств в мире. Полное наименование — Федеральное государственное
                                  унитарное предприятие «Российское агентство международной информации РИА Новости»</span>
                            <a  href="#" class="news_link">Дальше.</a>
                            </div>

                            <div class="news_item">
                                  <img src="news.png" width="100%">
                                   <h2 class="news_post_header">Морковь любит всех детей. Очень сильно.</h2>
                                  <span class="news_text">Российское агентство международной информации «РИА Новости» —
                                  одно из крупнейших информационных агентств в мире. Полное наименование — Федеральное государственное
                                  унитарное предприятие «Российское агентство международной информации РИА Новости»</span>
                            <a  href="#" class="news_link">Дальше.</a>
                            </div>

                            <div class="news_item">
                                  <img src="news.png" width="100%">
                                  <h2 class="news_post_header">Волонтер Светочкина объявлена в розыск. Исчезли конфеты и тетрадь.</h2>
                                  <span class="news_text">Российское агентство международной информации «РИА Новости» —
                                  одно из крупнейших информационных агентств в мире. Полное наименование — Федеральное государственное
                                  унитарное предприятие «Российское агентство международной информации РИА Новости»</span>
                            <a  href="#" class="news_link">Дальше.</a>
                            </div>

                            <div class="news_item">
                                  <img src="news.png" width="100%">
                                   <h2 class="news_post_header">Света и Петя очень хорошие и помогают нам и Васе.</h2>
                                  <span class="news_text">Российское агентство международной информации «РИА Новости» —
                                  одно из крупнейших информационных агентств в мире. Полное наименование — Федеральное государственное
                                  унитарное предприятие «Российское агентство международной информации РИА Новости»</span>
                            <a  href="#" class="news_link">Дальше.</a>
                            </div>
                    </div>
                 </span>
                </span>
                <div class="footer">Подвал</div>












                </div>


            </div>


    </body>

</html>